<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
 
    <p:panelGrid columns="4" id="panelBuscarOfertasMapa">
        
        <p:selectOneMenu id="cupTipo" value="#{cBusMap.tipoOferta}">  
            <f:selectItem itemLabel="Todos" itemValue="" />  
            <f:selectItem itemLabel="COMIDA" itemValue="COMIDA" />  
            <f:selectItem itemLabel="CENA" itemValue="CENA" />  
            <f:selectItem itemLabel="DESAYUNO" itemValue="DESAYUNO" />  
            <p:ajax update="mapaOfertas" event="change" />
        </p:selectOneMenu> 
        
        <p:outputLabel value=""/>
        <p:outputLabel value=""/>
        
        <p:commandButton id="botonvvinetas" value="Ver en viñetas" 
            update=":formCentro" 
            actionListener="#{cPri.CambioCentro('ofertas/buscarofertas')}" 
            />
        
    </p:panelGrid>
    
            
      <p:gmap id="mapaOfertas" center="41.648272,-0.884918" zoom="13" type="HYBRID" model="#{mapBean.advancedModel}"  
            style="width:800px;height:600px" >
        
       <p:ajax event="overlaySelect" listener="#{mapBean.onMarkerSelect}" />   
  
       <p:gmapInfoWindow>  
            <p:outputPanel style="text-align:center;display:block;margin:auto:">  

                <p:dataTable sortBy="#{ofem.ofeFecAlta}" paginator="true" rows="5" 
                             paginatorAlwaysVisible="false" 
                             paginatorTemplate="{CurrentPageReport}  {PreviousPageLink} {NextPageLink}"
                             rowKey="#{ofem.idOferta}" id="dataTable2" 
                             var="ofem" value="#{cBusMap.findOfertasNegocio(mapBean.marker.title)}" style="font-size: x-small">  
                    <f:facet name="header">  
                        <p:commandLink value="#{mapBean.marker.title}" title="Informacion del negocio" style="font-size: large;color: blue"
                            update=":formCentro:negDetail,:formCentro:dlgInfo" oncomplete="PF('negDialog').show()">  
                            <f:setPropertyActionListener value="#{cNeg.findNegocioPorNombre(mapBean.marker.title)}"   
                                                         target="#{cBusMap.negSelected}" />  
                        </p:commandLink>
                    </f:facet>
                    <p:column headerText="Oferta">  
                        <p:commandLink value="#{ofem.ofeTitulo}" title="Detalle de la oferta" style="font-size: x-small"
                            update=":formCentro:ofeDetail,:formCentro:dlgInfo2" oncomplete="PF('ofeDialog').show()">  
                            <f:setPropertyActionListener value="#{ofem.idOferta}"   
                                                         target="#{cBusMap.ofeIdSelected}" />  
                        </p:commandLink>
                    </p:column>

                    <p:column headerText="Tipo">  
                        <h:outputText value="#{ofem.ofeTipo}" style="font-size: x-small"/>  
                    </p:column>
                    <p:column>  
                        <p:commandLink style="font-size: x-small" id="linkcomprar" type="button" title="Comprar cupon" actionListener="#{cVen.seteaOfertaCompra(ofem.idOferta)}" update=":formCentro">
                            <p:graphicImage value="img/carrocompra.png" width="21" height="18"/>
                        </p:commandLink>
                    </p:column>
                     <f:facet name="footer">  
                        #{cBusMap.findOfertasNegocio(mapBean.marker.title).size()} ofertas.  
                    </f:facet>
                </p:dataTable>
  
            </p:outputPanel>  
  
        </p:gmapInfoWindow> 
    </p:gmap>
    
    
    

            <p:dialog header="Info de negocio: #{cBusMap.negSelected.negNombre}" id="dlgInfo" widgetVar="negDialog" modal="false" closeOnEscape="true" resizable="false">  
                <p:outputPanel id="negDetail" style="text-align:center;">  

                    <p:graphicImage height="260" width="660" id="nimage" value="#{cNeg.NegChartM(cBusMap.negSelected.idNegocio)}"/>  

                    <h:panelGrid  columns="2" cellpadding="5">  
                        <h:outputLabel for="ntelefono" value="Telefono: " />  
                        <h:outputText id="ntelefono" value="#{cBusMap.negSelected.negTelefono}" />  

                        <h:outputLabel for="npaginaweb" value="Pagina web: " />  
                        <h:outputText id="npaginaweb" value="#{cBusMap.negSelected.negPaginaweb}" />  

                        <h:outputLabel for="nhorario" value="Horario: " />  
                        <h:outputText id="nhorario" value="#{cBusMap.negSelected.negHorario}" />  

                        <h:outputLabel for="nemail" value="Email: " />  
                        <h:outputText id="nemail" value="#{cBusMap.negSelected.negEmail}" />  

                        <h:outputLabel for="ndireccion" value="Direccion: " />  
                        <h:outputText id="ndireccion" value="#{cBusMap.negSelected.negDireccion}" />  
                       
                    </h:panelGrid>  
                </p:outputPanel>  
            </p:dialog> 

            <p:dialog header="Detalle de Oferta" id="dlgInfo2" widgetVar="ofeDialog" modal="false" closeOnEscape="true" resizable="false" hideEffect="fade">  
                <p:outputPanel id="ofeDetail" style="text-align:center;width: 410px;height: 510px;background-color: #ffffcc">  
                    <p:scrollPanel style="width: 400px;height: 500px;border: hidden;background-color: #ffffcc">
                        <h:outputText escape="false" value="#{cBusOfe.DetalleOferta(cBusMap.ofeIdSelected)}" style="white-space:pre-line;"/>                                    
                        <p:commandLink style="font-size: x-small" id="linkcomprar" type="button" title="Comprar cupon" actionListener="#{cVen.seteaOfertaCompra(cBusMap.ofeIdSelected)}" update=":formCentro">
                            <p:graphicImage value="img/carrocompra.png" width="21" height="18"/>
                        </p:commandLink>
                    </p:scrollPanel>
                </p:outputPanel>  
            </p:dialog> 
        
        
        
</ui:composition>